<template>
	<view>
		<view class="bg-img">
			<image :src="bannerC" mode="widthFix"></image>
			<view class="btn" @click="goTo('/pages/users/city-partner-apply/city-partner-apply')">
				立即加入
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getPartnerApiInfo
	} from "@/api/apis/comm.js"
	import {
		setImgUrl
	} from "@/utils/comm.js"
	export default {
		data() {
			return {
				//跳转
				goTo(url) {
					if (url) {
						uni.navigateTo({
							url: url
						})
					}
				},
				bannerC: ''
			}
		},
		onLoad() {
			this.getData();
		},
		methods: {
			getData() {
				getPartnerApiInfo().then(res => {
					this.bannerC = [setImgUrl(res.data.guide_bg)]
				})
			},

		}
	}
</script>

<style lang="scss">
	.bg-img {
		width: 100%;
		height: 100vh;
		position: relative;

		image {
			position: absolute;
			width: 100%;
		}

		.btn {
			position: absolute;
			width: 600rpx;
			height: 88rpx;
			background: rgba(255, 156, 0, 1);
			border: 4rpx solid rgba(255, 255, 255, 0.3098);
			box-shadow: 0rpx 6rpx 12rpx #E6971A;
			border-radius: 44rpx;
			font-size: 28rpx;

			color: #FFFFFF;
			line-height: 86rpx;
			text-align: center;
			bottom: 242rpx;
			left: 73rpx;
		}
	}
</style>